<template>
  <a-modal
    title="留言预览"
    :width="modalWidth"
    :visible="visible"
    :confirmLoading="confirmLoading"
    @cancel="handleCancel">
      <div class="msg_det auto1320">
        <div class="topbox">
          <h6 class="title">{{data.title}}</h6>
          <div class="sm">
            <span class="fz date">发布于 {{data.createDate}}</span>
            <span class="fz admin">{{data.email}}</span>
          </div>
        </div>
        <div class="detail">
          <p v-html="data.content"></p>
        </div>
      </div>
    <template slot="footer">
      <a-button @click="handleCancel">关闭</a-button>
    </template>
  </a-modal>
</template>

<script>

  import { postAction } from '@/api/manage'
  import Vue from 'vue'
  import { ACCESS_TOKEN, USER_INFO } from  "@/store/mutation-types"
  export default {
    name: "UserPassword",
    data () {
      return {
        data: {},
        modalWidth:1400,
        visible: false,
        confirmLoading: false,
      }
    },
    methods: {
      show(data) {
        this.data = Object.assign({}, data)
        this.visible = true;
      },
      handleCancel () {
        this.close()
      },
      close () {
        this.$emit('close');
        this.visible = false;
      },
    }
  }
</script>

<style scoped>

</style>

